<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
       
    </style>

</head>
<body>
   <div class="box1">
       <input type="text" name="hehe">
	   <h1>1111</h1>
	   <h2>222</h2>
   </div>
   <div id="box">
       <input type="text" name="hehe">
   	   <h1>1111</h1>
   	   <h2>222</h2>
   </div>
   <input class="box1" name="hehe">
   <p name="hehe">111</p>
   <h1 name="hehe"></h1>
</body>
</html>
<script>
	//2. 第二版 ：全部拿到具有name 属性的元素
	//自己写方法，找到name为"hehe"的所有元素
	// function getName(key,val,context=document){//形参  context=document形参默认值
	// 	//1. 找到所有标签
	// 	var eles=context.querySelectorAll("*");
	// 	var arr=[];
	// 	for(var i=0;i<eles.length;i++){
	// 		//循环每个元素（对象），身上的name 属性 等于 "hehe"
	// 		// getAttribute("属性名")---》获取所有具有该属性名的元素
	// 		if(eles[i].getAttribute(key)==val){
	// 			arr.push(eles[i]);//存放到新数组里
	// 		}
	// 	}
	// 	return arr;
	// }
	// var box1=document.getElementsByClassName("box1")[0];
	// var res=getName("name","hehe",box1);//实参
	// console.log(res);
	
	

    //console.log(document.getElementsByName("hehe"));
	
	// //1. 第一版 ：拿到的name属性，只能本身自己有的
	// //自己写方法，找到name为"hehe"的所有元素
	// function getName(val){//形参
	// 	//1. 找到所有标签
	// 	var eles=document.querySelectorAll("*");
	// 	var arr=[];
	// 	for(var i=0;i<eles.length;i++){
	// 		//循环每个元素（对象），身上的name 属性 等于 "hehe"
	// 		if(eles[i].name==val){
	// 			arr.push(eles[i]);//存放到新数组里
	// 		}
	// 	}
	// 	return arr;
	// }
	// var res=getName("hehe");//实参
	// console.log(res);
</script>
